<template>
	<view class="pubTitle">
		<view class="time">{{time}}</view>
		<view class="big">{{title}}</view>
		<view class="small">{{subtitle}}</view>
		<view class="line"></view>
		<!-- <view class="list">{{list}}</view> -->
		<!-- <view class="user">{{user}}</view> -->
	</view>
</template>

<script setup>
	defineProps({
			title:{
				type:String,
				default:"默认标题"
			},
			subtitle:{
				type:String,
				default:"默认副标题"
			},
			time:{
				type:String,
				default(){
					const timestamp = Date.now(); // 待转换的时间戳
					const date = new Date(timestamp); // 根据时间戳创建Date对象
					const year = date.getFullYear(); // 获取年份
					const month = date.getMonth() + 1; // 获取月份，需要加1
					const day = date.getDate(); // 获取日期 
					const hour = date.getHours(); // 获取小时
					const minute = date.getMinutes(); // 获取分钟
					const second = date.getSeconds(); // 获取秒数
					
					const formattedDate = `${year}-${month}-${day} ${hour}:${minute}:${second}`; 
					return formattedDate;
				}
			},
			list:{
				type:Array,
				default(){
					
					return [1,2,3];
				}
			},
			user:{
				default(){
					return {name:"匿名",age:11};
				}
			},
			// 自定义验证函数
			propF: {
				validator: function(value) {
				  // 这个值必须匹配下列字符串中的一个
				  return ['success', 'warning', 'danger'].indexOf(value) !== -1
				}
			},
			// 具有默认值的函数
			propG: {
				type: Function,
				// 与对象或数组默认值不同，这不是一个工厂函数 —— 这是一个用作默认值的函数
				default: function() {
				  return 'Default function'
				}
			}
	})
</script>

<style lang="scss" scoped>
.pubTitle{
	padding: 60rpx 30rpx;
	text-align: center;
	background: #FF6F61;
	.time{
		color: #4C2F2F;
	}
	.big{
		font-size: 50rpx;
		font-weight: 600;
		color: #2E1F1F;
	}
	.small{
		font-size: 28rpx;
		color: #4C2F2F;
	}
	.line{
		display: inline-block;
		width: 100rpx;
		height: 10rpx;
		background: #FFC837;
		border-radius: 10rpx;
	}
	}	
</style>